<template>
    <div>
       <h1>门店信息录入</h1>
       <table class="table">
        <thead>
            <tr>
                <td>门店名称</td>
                <td>
                    {{ data.name }}
                   
                </td>
            </tr>
            <tr>
                <td>门店地址</td>
                <td>
                    {{ data.addr }}
                   
                </td>
            </tr>
            <tr>
                <td>门店电话</td>
                <td>
                    {{ data.phone }}
                   
                </td>
            </tr>
            <tr>
                <td>门店人数</td>
                <td>
                    {{ data.num }}
                   
                </td>
            </tr>
            <tr>
                <td>门店大小</td>
                <td>
                    {{ data.sise }}
                   
                </td>
            </tr>
           
        </thead>
       </table>
       <a href="/ShowView">返回列表</a>
    </div>
</template>

<script setup lang="ts">
import {ref,onMounted} from "vue"
import axios from "axios";
import { useRoute } from "vue-router";
const route=useRoute()
onMounted(()=>{
    Fantian()
})
const Fantian=()=>{
    var x=route.query.id
    axios.get("https://localhost:7034/api/Member/Fantian",{params:{id:x}}).then(res=>{
        data.value=res.data
    })
}
const data=ref({
    "id": 0,
  "name": "",
  "addr": "",
  "phone": "",
  "num": 0,
  "sise": 0
})

</script>

<style scoped>

</style>